

/* top */
.top-wap{
    width: 100%;
    height: 30px;
    /* background: seashell; */
}
.top{
    width: 1200px;
    height: 30px;
    /* border: 1px solid salmon; */
    line-height: 30px;
    margin: auto;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

.top-ul{
    /* width: 650px; */
    height: 20px;
}
.top-ul li{
    float: left;
    padding: 0 10px;
    color: #4bcdc1;
}
.top-ul li a{
    /* display: block; */
    color: #000;
}
.top-ul>li:nth-child(1)>a{
    color: #fa7720;
}
.top-ul>li:nth-child(8){
    color: #fa7720;
}

.top-first{
    position: relative;
    /* float: left; */
}
.top-first>ul{
    width: 70px;
    height: 62px;
    position: absolute;
    display: none;
    z-index: 50;

}
.top-first>ul>li{
    width: 70px;
    height: 30px;
    line-height: 30px;
}

/* logo */
.logo-wap{
    width: 100%;
    height: 60px;
    /* background:antiquewhite; */
}
.logo{
    width: 1200px;
    height: 60px;
    /* border: 1px solid #000; */
    margin: 0 auto;
}
.logo-left{
    margin-top: 8px;
}
.logo-right{
    margin-top: 14px;
    position: relative;
    /* width: 300px; */
}
/* 连接端口 */
.logo-right input{
    width: 300px;
    height: 30px;
    border: #ccc 1px solid;
    padding-left: 10px;
}
.logo-right>ul{
    float: left;
    left: 10px;
    position: absolute;
    z-index: 50;
}
.logo-right img{
    /* display: block; */
    margin: 5px;
    margin-right: 10px;
}
/* nav /导航 */

.nav-wap{
    width: 100%;
    height: 40px;
    background:#4bcdc1;
}
.nav{
    width: 1200px;
    height: 40px;
    /* border: 1px solid #000; */
    margin: auto;
    position: relative;
}
.nav-first{
    width: 1000px;
    height: 40px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nav-first>li{
    height: 40px;
    line-height: 40px;
}
.nav-first>li>a{
    padding: 10px 25px;
    color: #fff;
}

/* 二级下拉菜单 */
.navIn{
    position: absolute;
    width: 1200px;
    height: 278px;
    border: 1px solid black;
    background: #fff;
    left: 0px;
    box-sizing: border-box;
    z-index: 50;
    /* display: flex;
    justify-content: space-between; */
    display: none;
}
.navIn> .navSn{
    float: left;
}
.navIn ul{
    width: 300px;
    height: 278px;
    /* background: slateblue; */
    padding:10px 20px;
    border-top: #F4D526 3px solid;
    box-sizing: border-box;
    color: #F4D526;
    /* display: none; */
    /* float: left; */
}
.navIn h2{
    padding-left: 30px;
    color: #F4D526;
    /* float: left; */
}
.navIn ul>li{
    float: left;
    width: 130px;
    height: 40px;
    text-align: center;
    display: none;
}
.navIn ul>li>a{
    display: block;
    width: 130px;
    height: 40px;
    text-align: center;
    color: #F4D526;
}
.navIn>img{
    float: right;
}



/* banner图 */

.banner-wap{
    width: 100%;
    height: 430px;
    /* background: skyblue; */
}
.banner{
    width: 1200px;
    height: 430px;
    /* border: 1px solid black; */
    margin: auto;
    position: relative;
    overflow: hidden;
}
.bannerImg{
    width: 1200px;
    height: 430px;
}
.bannerImg>a{
    display: block;
    width: 1200px;
    left: 1200px;
    position: absolute;
}
.bannerImg a:nth-child(1){
    left: 0;
}
.bannerImg>img{
    height: 100%;
    /* float: left; */
}
.bannerLeft{
    position: absolute;
    top: 200px;
    /* float: left; */
}
.bannerRight{
    position: absolute;
    top: 200px;
    right: 0px;
    /* float:right; */
}
.bannerUl{
    width: 200px;
    height: 40px;
    /* background: palegreen; */
    z-index: 99999;
    position: absolute;
    bottom: 20px;
    left:0px;
    right: 0px;
    margin: 0px auto;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.bannerUl>li{
    width: 20px;
    height: 20px;
    background: sandybrown;
    border-radius: 50%;
}
.bannerUl .active{
    background: #4bcdc1;
}

/* wares  商品展示 */

.wares-wap{
    width: 100%;
    /* min-height: 700px; */
    /* background: #4bcdc1; */
}
.wares{
    width: 1200px;
    min-height: 600px;
    /* border: #000 1px solid; */
    margin: auto;
}
.waresFirst{
    width: 1200px;
    height: 720px;
    margin-top: 60px;
    /* background: #ccc; */
}
.waresTop{
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 5px;
    border-bottom: 5px solid #F4D526;
    color: #F4D526; 
}
.waresTop h2{
    font-size: 25px;
}
.waresTop a{
    color: #000;
}

.waresLeft{
    width: 240px;
    height: 682px;
    background-image:url(../images/daily-left.jpg);
}

.waresLeft ul{
    width: 240px;
    height: 400px;
    padding-top: 60px;
}
.waresLeft li{
    width: 100px;
    /* height: 50px;
    line-height: 50px;
    text-align: center; */
    float: left;
}
.waresLeft a{
    display: block;
    width: 100px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #F4D526;
}
.waresRight{
    width: 960px;
    height: 682px;
    box-sizing: border-box;
    /* border: #000 1px solid; */
}
.waresOne{
    /* box-sizing: border-box; */
    width: 238px;
    height: 340px;
    border-right: 1px solid rgb(240, 162, 162); 
    border-bottom: 1px solid rgb(235, 161, 161); 
}
.waresOne img{
    width: 100%;
    margin-bottom: 10px;
}
.waresOne p{
    width:240px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
/* ::after{
    clear: both;
    width: 0;
    height: 0;
    overflow: hidden;
} */


/* floor */
.floor{
    width: 100px;
    height: 400px;
    position: fixed;
    left: 50px;
    top: 300px;
}
.floor li{
    font-size: 20px;
    color: #F4D526;
    border: #4bcdc1 1px solid;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}



/* 选项卡 */
.tab-wap{
    width: 100%;
    height: 400px;
    /* background: #ccc; */
    margin-top: 20px;
}
.tab{
    width: 1200px;
    height: 400px;
    /* border: #000 solid 1px; */
    margin: auto;
}
.tabT{
    width: 1200px;
    height: 50px;
    border: #4bcdc1 solid 1px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
}
.tabT li{
    background: #4bcdc1;
}
.tabT a{
    display: block;
    padding: 14px 54px;
    /* border: #fa7720 1px solid; */
    /* width: 170px; */
    /* background: #4bcdc1; */
    color: #fff;
    opacity: 1;
}
.tabT .active{
    background: sandybrown;
}
.tabB{
    width: 1200px;
    height: 350px;
    position: relative;
}
.tabB div{
    position: absolute;
    width: 1200px;
    height: 350px;
    display: none;
}
.tabB>.tabB1{
    display: block;
}
.tabB img{
    height: 100%;
    float: right;
}







/* footer 底部 */
.footer-wap{
    width: 100%;
    height: 340px;
    border-top: 10px solid #4bcdc1;
    margin-top: 50px;
    /* background: #ccc; */
}
.footer{
    width: 1200px;
    height: 340px;
    /* background: skyblue; */
    margin: auto;
}
.footerLeft{
    width: 916px;
    height: 240px;
    /* border: #000 1px solid; */
    padding-top:30px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
.footerLeft h2{
    height: 50px;
    line-height: 50px;
}
.footerLeft ul{
    width: 140px;
    padding-left:20px ;
}
.footerLeft li{
    width: 140px;
    height: 30px;
    line-height: 30px;
    /* text-align: center; */
}
.footerRight{
    margin-top: 45px;
}

.footerCenter{
    width: 1200px;
    height: 100px;
    float: left;
}

.footerCul{
    width: 1200px;
    height: 30px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    color: #ccc;
}
.footerCul li{
    float: left;
    border-right: 1px solid #ccc;
}
.footerCul li span{
    font-size: 16px;
    line-height: 30px;
}
.footerCenter a{
    color: #ccc;
    /* line-height: 20px; */
}
.footerCul a{
    display: block;
    padding: 4px 6px;
}
.footerCd{
    width: 1200px;
    height: 70px;
    color: #ccc;
    /* display: flex; */
    text-align: center;
}